<template>
    <div class="main" id="container">
		<iframe id="mapPage" width="100%" height="100%" frameborder=0
		    src="https://apis.map.qq.com/tools/locpicker?search=1&type=1&key=QCQBZ-L2WCN-OAGFC-SERS5-DK357-HQBYU&referer=冰圈食代">
		</iframe>
    </div>
</template>

<script>
export default {
    data(){
        return{
        }
    },
    created(){
        this.listen();
    },
    methods:{
        listen() {
			window.addEventListener('message', function(event) {
			        // 接收位置信息，用户选择确认位置点后选点组件会触发该事件，回传用户的位置信息
			        var loc = event.data;
			        if (loc && loc.module == 'locationPicker') {//防止其他应用也会向该页面post信息，需判断module是否为'locationPicker'
					  let location ={
						latitude:loc.latlng.lat,
						longitude:loc.latlng.lng
					  }
					  uni.setStorageSync('location',location)
					  uni.navigateBack()
			        }
			}, false);
        }
    },
}
</script>

<style lang="less" scoped>
    .main{
        width:100%;
        height:100vh;
    }
</style>

